﻿<%@ Page EnableEventValidation="false" Language="C#" AutoEventWireup="true" CodeBehind="EditTravelGuideCash.aspx.cs" Inherits="DLV.BackEnd.Pages.EditTravelGuideCash" %>

<asp:content id="Content1" contentplaceholderid="placeHolderContent" runat="server">
    <div id="toolbar-box">
		<div class="t">
			<div class="t">
				<div class="t"></div>
			</div>
		</div>
		<div class="m">
		    <div id="toolbar" class="toolbar">
			    <table class="toolbar">
			        <tbody>
					    <tr>
						    <td id="toolbar-save" class="button">
						        <asp:LinkButton ID="lbtSave" runat="server" Text="" onclick="lbtSave_Click" CssClass="toolbar">
					                <span id="Span1" title="Save" class="icon-32-save" runat="server"></span>Lưu
					            </asp:LinkButton>
						    </td>
						    <td id="toolbar-cancel" class="button">
						        <asp:LinkButton ID="lbtClose" runat="server" Text="" onclick="lbtClose_Click" 
                                    CssClass="toolbar" CausesValidation="False">
					                <span id="Span2" title="Close" class="icon-32-cancel" runat="server"></span>Thoát
					            </asp:LinkButton>
						    </td>
					    </tr>
				    </tbody>
			    </table>
		    </div>
			<div class="header">Thêm mới/chỉnh sửa giá cho hướng dẫn viên</div>
			<div class="clr"></div>
		</div>
		<div class="b">
			<div class="b">
				<div class="b"></div>
			</div>
		</div>
	</div>
	<div id="element-box">
		<div class="t">
			<div class="t">
				<div class="t"></div>
			</div>
		</div>
		<div class="m" style="float:left; width:100%">
			<div class="admin-left">
                <table class="adminform">
                    <tr>
						<td colspan="2">
                            <div id="ErorMessage" style="color: Red;line-height: 150%;"></div>
                        </td>
					</tr>
                    <tr>
                        <td>Hướng dẫn viên</td>
                        <td>
                            <asp:DropDownList ID="ddlTravelGuide" runat="server" Width="200px"></asp:DropDownList>
                        </td>
                    </tr>
                    <tr>
                        <td>Yêu cầu</td>
                        <td>
                            <asp:DropDownList ID="ddlTravelGuidePrice" runat="server" Width="415px"></asp:DropDownList>
                        </td>
                    </tr>
                    <tr>
                        <td>Ngày đi</td>
                        <td>
                            <input type="text" id="dteBeginDate" readonly="readonly" placeholder="Click để chọn ngày" runat="server" />
                            <select id="ddlBeginHour" runat="server"></select><select id="ddlBeginMinute" runat="server"></select>
                        </td>
                    </tr>
                    <tr>
                        <td>Ngày về</td>
                        <td>
                            <input type="text" id="dteEndDate" readonly="readonly" placeholder="Click để chọn ngày" runat="server" />
                            <select id="ddlEndHour" runat="server"></select><select id="ddlEndMinute" runat="server"></select>
                        </td>
                    </tr>
                    <tr>
                        <td>Tình trạng</td>
                        <td>
                            <asp:DropDownList ID="ddlStatus" runat="server" Width="200px"></asp:DropDownList>
                        </td>
                    </tr>
                    <tr>
                        <td>Người tạo</td>
                        <td>
                            <asp:DropDownList ID="ddlAdminUser" runat="server" Width="200px"></asp:DropDownList>
                        </td>
                    </tr>
                </table>  
            </div>  
            <div class="clr"></div>
		</div>
		<div class="b">
			<div class="b">
				<div class="b"></div>
			</div>
		</div>
	</div>
    
    <!-- Load Bảng giá dựa vào trình độ và ngôn ngữ của Hướng dẫn viên -->
    <script type="text/javascript">
        $(document).ready(function() {
            $('#<%=ddlTravelGuide.ClientID %>').change(function() {
                var travelGuideId = $('#<%=ddlTravelGuide.ClientID %> option:selected').val();
                $.ajax({
                    type: "POST",
                    url: "/ajax.html",
                    data: { "function": "ListTravelGuidePriceByTravelGuide", "TravelGuideId": travelGuideId },
                    dataType: "json",
                    success: function (data) {
                        $('#<%=ddlTravelGuidePrice.ClientID %>').html('<option value="-1">--- Chọn yêu cầu (trình độ - ngôn ngữ - lịch trình) ---</option>');
                        if (data && data.isError == false) {
                            $.each(data.array, function (index, item) {
                                $($('#<%=ddlTravelGuidePrice.ClientID %>'))
                                    .append($("<option></option>")
                                        .attr("value", item.ID)
                                        .text(item.Name));
                            });
                        }
                    }
                });
            });
        });
    </script>

    <!-- Validate -->
    <script type="text/javascript">
        $(document).ready(function () {
            $("#<%= lbtSave.ClientID %>").click(function () {
                $("#ErorMessage").html('');
                var rtnValue = validateDropdown($("#<%= ddlTravelGuide.ClientID %> option:selected"), $("#ErorMessage"), "Vui lòng chọn hướng dẫn viên<br\>")
                    && validateDropdown($("#<%= ddlTravelGuidePrice.ClientID %> option:selected"), $("#ErorMessage"), "Vui lòng chọn yêu cầu (trình độ - ngôn ngữ - lịch trình) cho hướng dẫn viên<br\>")
                    && validate($("#<%= dteBeginDate.ClientID %>"), $("#ErorMessage"), "Vui lòng chọn ngày khởi hành<br\>")
                    && validate($("#<%= dteEndDate.ClientID %>"), $("#ErorMessage"), "Vui lòng chọn ngày đến<br\>")
                    && validateBetweenDate($("#<%= dteBeginDate.ClientID %>"), $("#<%= dteEndDate.ClientID %>"), $("#ErorMessage"), "Ngày đi phải nhỏ hơn ngày về!");
                return rtnValue;
            });
        });
    </script>
    
    <link rel="stylesheet" href="/css/datepicker/jquery.ui.all.css" />
	<script type="text/javascript" src="/js/ui/jquery.ui.core.js"></script>
	<script type="text/javascript" src="/js/ui/jquery.ui.datepicker.js"></script>
	<script type="text/javascript">
	    $(function () {
	        $("#<%= dteBeginDate.ClientID %>").datepicker({
	            changeMonth: true,
	            changeYear: true,
	            dateFormat: "dd/mm/yy"
	        });
	        $("#<%= dteEndDate.ClientID %>").datepicker({
	            changeMonth: true,
	            changeYear: true,
	            dateFormat: "dd/mm/yy"
	        });
	    });
	</script>
</asp:content>
